<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>作品分享</title>
	<link rel="stylesheet" href="__PUBLIC__/web/css/bootstrap.css">
	<link rel="stylesheet" href="__PUBLIC__/web/css/common.css">
	<link rel="stylesheet" href="__PUBLIC__/web/css/works-share.css">
</head>
<body>
	<nav class="navbar navbar-default">
	    <div class="container">
	        <!-- Brand and toggle get grouped for better mobile display -->
	        <div class="navbar-header">
	            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
	                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	                <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	            <a class="navbar-brand" href="#"><img src="{$logo_img}" alt="找设计"></a>
	        </div>

	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	            <ul class="nav navbar-nav">
	                <li>
	                    <a href="{:U('Web/index')}">首页<span class="sr-only">(current)</span></a>
	                </li>
	                <li class="active">
	                    <a href="{:U('Web/works_share')}">作品分享</a>
	                </li>
	                <li>
	                    <a href="{:U('Web/article_share')}">文章分享</a>
	                </li>
	                <li>
	                    <a href="{:U('Web/material_collection')}">素材收集</a>
	                </li>
	                <li>
	                    <a href="{:U('Web/contact')}">联系我们</a>
	                </li>
	            </ul>
	        </div>
	    </div>
	</nav>
	<div class="all">
		<div class="main container">
			<ul class="nav nav-pills">
				<li role="presentation" class="<?php echo $_GET['type']==Web?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share?type=Web')}">Web</a></li>
				<li role="presentation" class="<?php echo $_GET['type']==App?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share?type=App')}">App</a></li>
				<li role="presentation" class="<?php echo $_GET['type']==Logo?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share?type=Logo')}">Logo</a></li>
				<li role="presentation" class="<?php echo $_GET['type']==电脑设计?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share',array('type'=>'电脑设计'))}">电脑设计</a></li>
				<li role="presentation" class="<?php echo $_GET['type']==字体设计?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share',array('type'=>'字体设计'))}">字体设计</a></li>
				<li role="presentation" class="<?php echo $_GET['type']==包装?active:'';?> col-md-2 col-sm-6"><a href="{:U('Web/works_share',array('type'=>'包装'))}">包装</a></li>
			</ul>
			<div class="recommend container">
    			<ul class="recommend-list" id="recommend_list">
        			<foreach name="workList" item="vo" key="k" >
            		<li class="col-lg-3 col-md-4 col-sm-6">
                		<div class="recommend-box">
                    		<img class="img-responsive" src="{$vo['main_img']}" alt="">
                    		<a class="li-btn" href="#{$vo['Id']}"><b><i></i></b></a>
                		</div>
            		</li>
       				</foreach>
    			</ul>
			</div>					
			<div class="works-show-1" id="work_content">
				{$workList[0]['content']}
				<!-- <a href="#"><img src="__PUBLIC__/web/img/works_share_1.png" alt="" class="works-show-2"></a>
				<a href="#"><img src="__PUBLIC__/web/img/works_share_2.png" alt=""></a> -->
			</div>
		</div>
        <img src="__PUBLIC__/web/img/foot_03.png" class="main-img">
	</div>
    <!--底部-->
    <div class="footer">
        <div class="footer-con">
            <p>找设计网打造交流平台。</p>
            <p class="design">设计师将图标上传到 die1218.xyz平台，用户可以自定义下载便于设计师自由调整与调用。<span class="enter">友情链接</span></p>
            <p class="where">转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系<span class="ued">UED优秀网页设计</span><span class="china">Bootstrap中文网</span><span class="mic">微博</span></p>
        </div>
    </div>
	<script src="__PUBLIC__/web/js/jquery.min.js"></script>
	<script src="__PUBLIC__/web/js/bootstrap.js"></script>
	<script>
	$(function(){
		$("#recommend_list li .li-btn").on("click",function(){
			var id=$(this).attr("href").substring(1);
			$.post("{:U('Web/ajax_work')}",{id:id},function(data){
				$("#work_content").html(data['content']);
			});
		});
	})
	</script>
	
</body>
</html>